<template>
  <div>
    <h1>Music-Time{{time}}</h1>
    <ul>
        <li v-for="item in list" :key="item">{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
    name:'Music',
    props:['id','time'],
    computed:{
        list(){
            switch (this.id) {
                case '1':
                    return ['你到底爱谁','得到你的人却得不到你的心','过火']
                case '2':
                    return ['坏女孩','认真的雪','等你下课']
                case '3':
                    return ['白羊','缺氧','我怀恋的']
                default:
                    return []
            }
        }
    }
}
</script>

<style>

</style>